<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/index.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelspot.css" rel="stylesheet" type="text/css">
    <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">

    <link href="/styles/gonglve.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="/js/jquery/jquery.js"></script>
    <script type="text/javascript" src="/js/system/index.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
    <script type="text/javascript" src="/js/system/gonglve.js"></script>
    <script type="text/javascript" src="/js/system/guide.js"></script>
    <style>
        .mt-nav {
            width: 1000px;
            margin: 0 auto;
            padding: 25px 0;
            line-height: 30px;
        }

        .mt-nav .nav-wealth {
            float: right;
            margin: -3px 0 0 15px;
            font-size: 14px;
        }

        .mt-nav a.mt_what {
            float: right;
            margin-right: 0;
            font-size: 12px;
            color: #999;
        }

        .mt-nav a {
            float: left;
            height: 30px;
            margin-right: 30px;
            color: #666;
            font-size: 16px;
        }

        .mt-nav a:hover, .mt-nav a.on {
            text-decoration: none;
            color: #ff8a00;
        }

        .content {
            width: 1000px;
            margin: 0 auto;
        }

        .scollWrap {
            width: 1000px;
            position: relative;
        }

        .shop_intro {
            width: 100%;
            margin-top: 50px;
            position: relative;
        }

        .shop_rmd {
            width: 100%;
            margin-top: 66px;
        }

        .shop_pdt {
            width: 100%;
            margin-top: 60px;
            position: relative;
        }

        .scollWrap .scollBox {
            width: 100%;
            height: 450px;
            overflow: hidden;
            position: relative;
        }

        .scollWrap .scollBox ul {
            width: 20000em;
            position: absolute;
            left: 0;
            top: 0;
        }

        .scollWrap .scollBox li {
            width: 1000px;
            height: 100%;
            float: left;
            position: relative;
        }

        .scollWrap .scollBox li {
            width: 1000px;
            height: 100%;
            float: left;
            position: relative;
        }

        .scollWrap .scollPage a {
            display: inline-block;
            width: 12px;
            height: 12px;
            text-indent: -9999px;
            background-color: #e5e5e5;
            margin: 0 3px;
        }

        .scollWrap .scollPage a.active {
            background-color: #c6c6c6;
        }

        .shop_intro h5 {
            margin-bottom: 25px;
        }

        .shop_intro p {
            line-height: 26px;
            margin-bottom: 32px;
        }

        .shop_mafeng {
            width: 500px;
            position: absolute;
            right: 20px;
            top: -20px;
        }

        .rmd_con {
            width: 100%;
            height: 410px;
            position: relative;
        }

        .rmd_con li.item4 {
            width: 170px;
            height: 170px;
            padding: 15px 80px;
            left: 670px;
            top: 0;
        }

        .rmd_con li.item4 {
            width: 170px;
            height: 170px;
            padding: 15px 80px;
            left: 670px;
            top: 0;
        }

        .rmd_con li.item4 {
            width: 170px;
            height: 170px;
            padding: 15px 80px;
            left: 670px;
            top: 0;
        }

        .rmd_con li.item4 {
            width: 170px;
            height: 170px;
            padding: 15px 80px;
            left: 670px;
            top: 0;
        }

        .rmd_con li.item4 .name, .shop_rmd li.item5 .name {
            padding-top: 26px;
        }

        .rmd_con li .mask .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li .mask .price {
            font-size: 24px;
            color: #ff9d00;
            line-height: 30px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item4 .intro, .shop_rmd li.item5 .intro {
            width: 240px;
        }

        .rmd_con li .mask .intro {
            width: 280px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 20px;
            text-align: left;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .shop_mafeng .mafeng {
            display: block;
            width: 386px;
            height: 248px;
            margin-top: 16px;
        }

        .shop_mafeng .mfpop {
            display: none;
            width: 96px;
            height: 73px;
            position: absolute;
            right: 30px;
            top: 0;
        }

        h5 {
            display: block;
            font-size: 0.83em;
            margin-block-start: 1.67em;
            margin-block-end: 1.67em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            font-weight: bold;
        }

        .content h5 {
            font-size: 18px;
            line-height: 36px;
        }

        .shop_rmd h5 {
            margin-bottom: 30px;
        }

        .content h5 {
            font-size: 18px;
            line-height: 36px;
        }

        .rmd_con {
            width: 100%;
            height: 410px;
            position: relative;
        }

        .rmd_con li.item4 {
            width: 170px;
            height: 170px;
            padding: 15px 80px;
            left: 670px;
            top: 0;
        }

        .rmd_con li {
            position: absolute;
            background-color: #f9f9f9;
        }

        .rmd_con li.item2 {
            width: 130px;
            height: 130px;
            padding: 0px 55px;
            left: 0;
            top: 280px;
        }

        .rmd_con li img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .rmd_con li .mask {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28000000, endColorstr=#28000000);
            0):;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        .rmd_con li.item4 .name, .shop_rmd li.item5 .name {
            padding-top: 26px;
        }

        .rmd_con li .mask .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li .mask .price {
            font-size: 24px;
            color: #ff9d00;
            line-height: 30px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item4 .intro, .shop_rmd li.item5 .intro {
            width: 240px;
        }

        .rmd_con li .mask .intro {
            width: 280px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 20px;
            text-align: left;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .rmd_con li .mask {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28000000, endColorstr=#28000000);
            0):;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        .rmd_con li.item2 .name {
            padding-top: 6px;
        }

        .rmd_con li .mask .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li .mask .price {
            font-size: 24px;
            color: #ff9d00;
            line-height: 30px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item1 .intro, .shop_rmd li.item2 .intro {
            width: 180px;
        }

        .rmd_con li.item5 {
            width: 170px;
            height: 170px;
            padding: 15px 80px;
            left: 670px;
            top: 210px;
        }

        .rmd_con li {
            position: absolute;
            background-color: #f9f9f9;
        }

        .rmd_con li img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .rmd_con li .mask {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28000000, endColorstr=#28000000);
            0):;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        .rmd_con li.item4 .name, .shop_rmd li.item5 .name {
            padding-top: 26px;
        }

        .rmd_con li .mask .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li .mask .price {
            font-size: 24px;
            color: #ff9d00;
            line-height: 30px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item4 .intro, .shop_rmd li.item5 .intro {
            width: 240px;
        }

        .rmd_con li .mask .intro {
            width: 280px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 20px;
            text-align: left;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item1 {
            width: 200px;
            height: 200px;
            padding: 35px 20px;
            left: 0;
            top: 0;
        }

        .rmd_con li {
            position: absolute;
            background-color: #f9f9f9;
        }

        .rmd_con li img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .rmd_con li .mask {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28000000, endColorstr=#28000000);
            0):;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        .rmd_con li.item1 .name {
            padding-top: 70px;
        }

        .rmd_con li .mask .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li .mask .price {
            font-size: 24px;
            color: #ff9d00;
            line-height: 30px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item1 .intro, .shop_rmd li.item2 .intro {
            width: 180px;
        }

        .rmd_con li .mask .intro {
            width: 280px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 20px;
            text-align: left;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item3 {
            width: 360px;
            height: 360px;
            padding: 25px;
            left: 250px;
            top: 0;
        }

        .rmd_con li {
            position: absolute;
            background-color: #f9f9f9;
        }

        .rmd_con li img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .rmd_con li .new {
            display: block;
            width: 46px;
            height: 24px;
            border-radius: 2px;
            background-color: #fc9d27;
            color: #fff;
            text-align: center;
            line-height: 24px;
            position: absolute;
            left: 20px;
            top: 20px;
        }

        .rmd_con li .mask {
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#28000000, endColorstr=#28000000);
            0):;
            position: absolute;
            left: 0;
            top: 0;
            display: none;
        }

        .rmd_con li.item3 .name {
            padding-top: 144px;
        }

        .rmd_con li .mask .name {
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li .mask .price {
            font-size: 24px;
            color: #ff9d00;
            line-height: 30px;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .rmd_con li.item3 .intro {
            width: 280px;
        }

        .rmd_con li .mask .intro {
            width: 280px;
            margin: 0 auto;
            font-size: 12px;
            line-height: 20px;
            text-align: left;
        }

        .rmd_con li .mask span {
            display: block;
            text-align: center;
            color: #fff;
        }

        .shop_pdt {
            width: 100%;
            margin-top: 60px;
            position: relative;
        }

        .pdt_tab {
            width: 100%;
            height: 56px;
            line-height: 56px;
            border-bottom: 1px solid #e5e5e5;
            margin-bottom: 40px;
            position: relative;
        }

        .pdt_tab a {
            display: block;
            float: left;
            width: 156px;
            font-size: 18px;
            text-align: center;
            position: relative;
        }

        .pdt_tab i {
            display: block;
            width: 2px;
            height: 20px;
            background-color: #e5e5e5;
            position: absolute;
            right: 0;
            top: 18px;
        }

        .pdt_tab strong {
            display: block;
            width: 60px;
            height: 2px;
            background-color: #666;
            position: absolute;
            left: 47px;
            bottom: -1px;
        }

        .shop_pdt .turn_page {
            top: 21px;
            display: none;
        }

        .turn_page {
            position: absolute;
            right: -10px;
        }

        .turn_page a.prev {
            background-position: 0px 0px;
        }

        .turn_page a {
            display: block;
            float: left;
            margin-right: 10px;
            width: 34px;
            height: 34px;
            border: 1px solid #e5e5e5;
            background: url(/static/images/turnpage.png) no-repeat;
        }

        .turn_page a.next {
            background-position: -34px 0px;
        }

        .shop_pdt .turn_page {
            top: 21px;
            display: none;
        }

        .turn_page {
            position: absolute;
            right: -10px;
        }

        .pdt_con ul {
            width: 1026px;
        }

        .pdt_con li {
            width: 316px;
            float: left;
            margin-right: 26px;
            margin-bottom: 52px;
        }

        .pdt_con li .pic {
            display: block;
            width: 240px;
            height: 240px;
            padding: 38px;
            background-color: #f9f9f9;
            margin-bottom: 20px;
        }

        .pdt_con li .pic img {
            display: block;
            width: 100%;
            height: 100%;
            -webkit-transition: all 4s;
            transition: all 1s;
        }

        .pdt_con li .name {
            line-height: 34px;
        }

        .pdt_con li span {
            display: block;
            text-align: center;
            color: #666;
        }

        .pdt_con li .price {
            line-height: 30px;
        }

        .pdt_con li span {
            display: block;
            text-align: center;
            color: #666;
        }

        .pdt_con .more_btn {
            display: block;
            width: 138px;
            height: 38px;
            border: 1px solid #e5e5e5;
            font-size: 18px;
            font-style: italic;
            color: #666;
            text-align: center;
            line-height: 38px;
            margin: 0 auto;
        }

        .mt-nav .nav-wealth b {
            color: #444;
            font-family: Verdana;
            position: relative;
            bottom: -2px;
            line-height: 28px;
        }
    </style>
    <script>

        $(function () {
            $("#searchForm").ajaxForm(function (data) {
                $("#strategySearchPageData").html(data);
            })
            $("#searchForm").submit();
        })
    </script>
</head>

<body style="position: relative; background-color: #ffffff">
<#assign currentNav="shop">
    <#include "../common/shopNavbar.ftl">


<div class="main">
    <div class="banner">
        <div class="tags_bar">
            <div class="mt-nav clearfix">
                <a class="btn" href="javascript:;" target="_blank"><i></i></a></span>
                <a href="/shop/"></a>
                <a href="/shop" class="on">骡窝窝周边</a>
                <a href="#prop">精品推荐</a>
            </div>
        </div>
        <div class="content" style="padding-bottom: 80px;">
            <div class="show-slider" style="height: 450px;">
                <ul class="show-image">
                <#list  shop as s>
                    <li class="${(s_index==0)?string('first','')}">
                        <a href="/shop/detail?id=${s.shopDetail.id!}" class="show-pic">
                            <img src="${s.coverUrl!}">
                        </a>
                        <a href="javascript:;" class="show-title dark">
                        <#--  <div class="date">
                              <span class="day">7</span>/May.2019
                          </div>-->
                            <h3>${s.title!}</h3>
                        </a>
                    </li>
                </#list>
                </ul>
                <ul class="show-nav">
                 <#list  shop as tc>
                     <li class="${(tc_index==0)?string('active','')}" data-id="0">
                         <a href="javascript:">
                             <img src="${tc.coverUrl!}" height="62" width="110">
                             <span></span>
                         </a>
                     </li>
                 </#list>
                </ul>
                <a class="show-more" target="_blank" href="javascript:;">历历在目</a>
            </div>

            <!-- 马蜂窝旅行主义 -->
            <div class="shop_intro">
                <h5>马蜂窝旅行主义</h5>
                <p>
                    我是即将伴你旅行的“Things”<br>
                    跟你一样，我对这个世界充满好奇，也有一点恐惧<br>
                    但这并不会阻挡我探索它的脚步<br>
                    我愿你长久地爱我，最极致地使用我，让我变成带有你印记的东西<br>
                    带上我——与你并肩，探索世界
                </p>
                <div class="shop_mafeng">
                    <a href="https://shop136295863.taobao.com/" target="_blank">
                        <img src="http://images.mafengwo.net/images/mfw-ask/shop_v2/mafeng2.gif" alt="" class="mafeng">
                        <img src="http://images.mafengwo.net/images/mfw-ask/shop_v2/mfpop.png" alt="" class="mfpop">
                    </a>
                </div>
            </div>



        <#--页面内跳转-->
            <a id="prop"></a>


            <!-- 精品推荐 -->
            <div class="shop_rmd">
                <h5>精品推荐</h5>
                <div class="pagelet-block">
                    <div class="row row-local row-bg">
                        <div class="wrapper">
                            <div class="local-pro">
                                <ul class="clearfix">
                            <#list  shopDetails as sd>
                                <li>
                                    <a class="img"  href="/shop/detail?id=${sd.id}" target="_blank">
                                        <img src="${sd.coverUrl}" width="320" height="170">
                                    </a>
                                    <a class="title"  href="/shop/detail?id=${sd.id}" target="_blank">${sd.title}</a>
                                    <div class="more"><a class="a-link" href="/shop/detail?id=${sd.id}" target="_blank"><i
                                            class="icon-link"></i>查看详情</a></div>
                                </li>

                            </#list>

                                </ul>
                            </div>
                            <div class="r-more"><a href="/shop/list" target="_blank">查看全部</a></div>
                        </div>
                    </div>
                </div>
            </div>

          <#--  <!-- 商品分类 &ndash;&gt;
            <div class="shop_pdt">

                <div class="pdt_con">
                    <a href="/shop/list"
                       target="_blank" class="more_btn">MORE</a>

                </div>
            </div>-->

        </div>
    </div>
</div>
<div id="footer">
    <div class="ft-content" style="width: 1105px">
        <div class="ft-info clearfix">
            <dl class="ft-info-col ft-info-intro">
                <dt>马蜂窝旅游网</dt>
                <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
                <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
                <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
            </dl>
            <dl class="ft-info-col ft-info-qrcode">
                <dd>
                    <span class="ft-qrcode-tejia"></span>
                </dd>
                <dd>
                    <span class="ft-qrcode-weixin"></span>
                </dd>
                <dd>
                        <span class="ft-qrcode-weixin"
                              style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
                </dd>
            </dl>
            <dl class="ft-info-social">
                <dt>向崇尚自由的加勒比海盗致敬！</dt>
                <dd>
                    <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                    <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                            class="ft-social-icon"></i></a>
                </dd>
            </dl>
        </div>

        <div class="ft-links">
            <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank"
                                                                            href="http://www.onlylady.com/">Onlylady女人志</a><a
                target="_blank"
                href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
            <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank"
                                                                      href="http://www.yue365.com/">365音乐网</a><a
                target="_blank"
                href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank"
                                                                    href="http://www.uzai.com/">旅游网</a>
            <a target="_blank" href="http://www.zongheng.com/">小说网</a>
            <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank"
                                                                        href="http://www.yododo.com">游多多自助游</a><a
                target="_blank" href="http://www.zhcpic.com/">问答</a><a
                target="_blank" href="http://huoche.mafengwo.cn/">火车时刻表</a>
            <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
            <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank"
                                                                         href="http://www.taoche.com/">二手车</a><a
                target="_blank" href="http://www.lvye.cn">绿野户外</a><a
                target="_blank" href="http://www.tuniu.com/">途牛旅游网</a>
            <a target="_blank" href="http://www.mapbar.com/">图吧</a>
            <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank"
                                                                          href="http://www.uc.cn/">手机浏览器</a><a
                target="_blank" href="http://sh.city8.com/">上海地图</a><a
                target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
            <a target="_blank" href="http://www.ly.com/">同程旅游</a>
            <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank"
                                                                       href="http://www.yunos.com/">YunOS</a><a
                target="_blank" href="http://you.ctrip.com/">携程旅游</a><a
                target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
            <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
            <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank"
                                                                                   href="http://www.tianxun.com/">天巡网</a><a
                target="_blank" href="http://www.mayi.com/">短租房</a><a
                target="_blank" href="http://www.zuzuche.com">租租车</a>
            <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
            <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank"
                                                                      href="http://www.ailvxing.com">爱旅行网</a><a
                target="_blank"
                href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank"
                                                               href="http://vacations.ctrip.com/">旅游网</a>
            <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
            <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank"
                                                                       href="http://www.aoyou.com/">遨游旅游网</a><a
                target="_blank" href="http://www.91.com/">手机</a>
            <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
        </div>
    </div>
</div>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>

</div>
</body>

</html>